<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
        <title>Insert title here</title>
        <link href="css/screen.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery.min.js"></script>               
        <script type="text/javascript" src="js/application.js"></script>
    </head>
    <body>
        <div id="health-bar">
            <span class="heart-full">1</span>
            <span class="heart-full">2</span>
            <span class="heart-full">3</span>
            <span class="heart-full">4</span>
            <span class="heart-full">5</span>
        </div>
        
        <br style="clear:both" />
        
        <form id="actions-form">
            <fieldset>
                <legend>Damage input:</legend>
                <input name="damage" id="damage" />
                <a href="#damage" rel="damage">Damage</a>
            </fieldset>
            <fieldset>
                <legend>Heal input:</legend>
                <input name="heal" id="heal" />
                <a href="#heal" rel="heal">Heal</a>
            </fieldset>
            <fieldset>
                <legend>Life input:</legend>
                <a href="#add-life" rel="add-life">Add Life</a>                
                <a href="#remove-life" rel="remove-life">Remove Life</a>                
            </fieldset>
        </form>        
    </body>
</html>